page-extension-eidt {
    @function pxToVw($px) {
        @return $px/1080*100vw;
    }
    ion-header {
        /* 隐藏返回符号 */

        .toolbar-ios {
            .button-inner {
                .back {
                    background: none;
                    width: auto;
                    height: auto;
                    margin:0!important;
                }
            }
        }
        button {
            background: transparent;
            i {
                font-style: normal;
                font-size: 4.62vw;
                color: #fff;
            }
        }
        .toolbar {
            box-shadow: 0 1.5vw 6vw 0.2vw rgba(0, 0, 0, 0.3);
        }
        .toolbar-title-ios {
            color: #fff;
            font-size: 5vw;
            letter-spacing: 0.5vw;
            font-weight: normal;
        }
        .toolbar-background-ios {
            background: linear-gradient(to right, #38b34d, #2c77bc);
        }


    }
    ion-content {
        .scroll-contentFalse {
            overflow-x: inherit !important;
            overflow-y: inherit !important;
        }
        .item-ios {
            height: pxToVw(130);
            padding-left: 0;
            line-height:pxToVw(130);
            color: #333;
        }
        .item-inner{
            height: pxToVw(130);
        }
        i {
            display: inline-block;
            font-style: normal;
            height: 4.8vw;
            width: 4.8vw;
        }
        .list-ios ion-item-options {
            border-bottom: none;
            display: flex;
            align-items: center;
            button{
                background: #fff;
            }
        }
        // 添加按钮
        .phoneAndAddBox {
            background: #f5f5f5;
            .phoneAndAdd {
                padding-left: pxToVw(200);
                color: #35ac63;
                font-size: pxToVw(42);
                vertical-align: middle;
                display: flex;
                align-items: center;
                img {
                    height: pxToVw(49);
                    width: pxToVw(49);
                    margin-right: 1.5vw;
                }
            }
        }
        .item-inner {
            border-bottom: 0 !important;
            ion-icon {
                min-height: 0;
            }
        }
        .item-block:last-child {
            .item-inner {
                border-bottom: 0 !important;
            }
        }
        .list-ios {
            margin: 0;
            .item-block:first-child {
                border-top: 0;
            }
        }
        .label-ios {
            font-size: pxToVw(45);
            color: #333;
            margin: 0;
            padding-left: pxToVw(60);
        }
        // 电话删除键
        .delPhone {
            padding: 0;
            position: relative;
            top:-2px;
            height:100%;
            span {
                display: flex;
                align-items: center;
                justify-content: center;
                background: #e66660;
                color: #fff;
                font-size: 3.88vw;
                //height: pxToVw(130);
                width: 15.46vw;
                height:100%;
            }
        }
        //向右箭头
        .item-inner {
            padding-right:0!important;
            ion-icon {
                min-height: 0;
            }
        }
        .list-ios {
            margin: 0;
            .item-block:first-child {
                border-top: 0;
            }
        }
        .label-ios {
            font-size: pxToVw(45);
            color: #333;
            margin: 0;
            padding-left: pxToVw(60);
        }
        ion-item {
            border: none;
            margin-right: 2.66vw;
            ion-input {
                font-size: pxToVw(45);
                color: #333;
                margin: 0;
                padding: 0.2vw 0 0 0;
                height: pxToVw(130);
                input {
                    height: pxToVw(55);
                    line-height:pxToVw(55);
                    margin:0!important;
                }
            }
            .cloned-input{
                margin-left:0!important;
            }


            ion-select {
                font-size: 3.33vw;
                width: 100%;
                max-width: 100%;
                &.select-ios{
                    padding:0;
                }
                .select-icon {
                    height: 4.26vw !important;
                    width: 4.26vw !important;
                    position: absolute!important;
                    right: pxToVw(60);
                    top:50%;
                    margin-top:-2.13vw;
                    background: url("../assets/images/client/client-add/ico_arrow_down.png") no-repeat;
                    background-size: cover;
                    .select-icon-inner {
                        display: none;
                    }
                }
                .select-text{
                    font-size:pxToVw(45);
                }
            }

            .choose {
                width: 4.26vw;
                height: 4.26vw;
                background: url("../assets/images/client/client-add/ico_arrow_down.png") no-repeat;
                background-size: cover;
                margin-right: pxToVw(60) !important;
            }
            ion-label {
                display: inline-block;
                min-width: pxToVw(260);
                overflow: visible;
                width:auto;
                i {
                    float: left;
                    font-style: normal;
                    min-width: pxToVw(260);
                    padding-left:pxToVw(60);
                }
            }
            ion-label.labelOther {
                min-width: 56vw;
                padding-right: 2vw;
            }
            ion-label.labelType, ion-label.labelCome {
                min-width: 28vw;
                overflow: visible;
            }
            ion-label.sexLabel, ion-label.birChoose {
                flex: none;
            }
            ion-label.sexLabel {
                padding-left:0;
                width: 100%;
                span {
                    //margin-left: 8.2vw;
                    font-size: pxToVw(45);
                }
                .chooseSex {
                    color: #999;
                    font-size: pxToVw(45);
                }
            }
            ion-datetime {
                &.datetime-ios{
                    padding:0;
                }
                .datetime-text {
                    font-size: pxToVw(45);
                }
            }
            .button-ios.activated {
                background: transparent;
            }
        }
        // 地址栏
        .addressList {
            position: relative;
            height:pxToVw(400);
            .label-ios{
                padding-left:0;
                .address,.phoneAndAddBox,.postNum{
                    margin-left:pxToVw(60);
                }
            }
            .item-inner{
                height:auto;
            }
            .item-ios {
                height: auto;
            }
            ion-item {
                div {
                    &.address, &.postNum {
                        display: flex;
                        align-items: center;
                        height:pxToVw(130);
                    }
                    &.situation {
                        background: none;
                        .phoneAndAdd {
                            height: pxToVw(49);
                            margin:pxToVw(45) 0;
                            span {
                                color: #333;
                            }
                        }
                    }
                    span {
                        display: inline-block;
                        min-width: pxToVw(200);
                    }
                    input {
                        border: none;
                        width: 92%;
                        color: #333;
                    }
                    input::-webkit-input-placeholder {
                        font-size: pxToVw(45);
                    }
                    input:disabled {
                        background-color: transparent;
                    }
                }
            }



            ion-item{
                height:pxToVw(400);
                .item-inner{
                    height:pxToVw(400);
                }
            }
            .addressInput{
                top:1vw;
                position: absolute;
                width:85%;
                height:pxToVw(130);
                input{
                    width:85%;
                }
                left:pxToVw(260);
            }
            .postInput{
                bottom:1vw;
                position: absolute;
                width:85%;
                left:pxToVw(260);
                height:pxToVw(130);
                input{
                    width:85%;
                }
            }
            .addressLabel,.postNumLabel{
                position: absolute;
                width:pxToVw(260);
                padding-left:pxToVw(60);
                height:pxToVw(130);
                line-height:pxToVw(130);
            }
            .addressLabel{
                top:1vw;
            }
            .postNumLabel{
                bottom:1vw;
            }
            .situation{
                pointer-events:auto;
                z-index: 9999;
                top:pxToVw(130);
                width:pxToVw(1080);
                max-width: pxToVw(1080);
                background: #fff;
                // height:pxToVw(55);
                .phoneAndAdd{
                    padding-left:pxToVw(260);
                    width:pxToVw(1080);
                }
            }




            ion-item-options {
                button {
                    span {
                        height: pxToVw(395);
                        line-height: pxToVw(395);
                        top: -1px;
                        position: relative;
                    }
                }
            }
        }
    }

    .text-input[disabled] {
        color: #999;
        -webkit-text-fill-color: #999;
        opacity: 1;
    }

}
.ifAddCustExt{
    .alert-button-group{
        .alert-button:nth-child(2){
            color: #35ac63!important;
        }
    }
    .alert-message{
        padding:0 computed-vw(50)!important;
        //height:calc(100% - 44px);
        margin-top:6vw!important;
        font-size: computed-vw(45)!important;
        color:#333!important;
        line-height:normal!important;
        text-align: left;
    }
    .alert-wrapper{
        height:36.2vw!important;
    }
}

